<template>
  <div>
    <p><input type="checkbox" v-model="todo.isfinish"><span :class="{finish:todo.isfinish}">{{todo.text}}</span></p>
  </div>
</template>

<script>
export default {
  props: {
    todo: Object
  }
}
</script>

<style>
.finish{
  text-decoration: underline;
}
</style>
